<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="24">
                <weather/>
            </el-col>
        </el-row>
        <el-row>
            <el-col>
              今日计划： 
              <el-button type="success" size="small" plain class="btn">添加事项</el-button>
              <el-button type="danger" size="small" plain class="btn">删除事项</el-button>
            </el-col>
        </el-row>
        <el-row>
           <el-checkbox-group v-model="checkList">
              <el-checkbox label="事项 A"></el-checkbox> <br>
              <el-checkbox label="事项 B"></el-checkbox> <br>
              <el-checkbox label="事项 C"></el-checkbox> <br>
           </el-checkbox-group>
        </el-row>
    </div>
    </template>


<script>
    import weather from "@/components/weather";
    export default {
        name: "index",
        data(){
            return{
              checkList: ['选中且禁用','复选框 A']
            }
        },
        components:{
            weather
        },

        methods:{
        }
    }
</script>

<style>
    .btn{
      text-align: center;
    }

</style>